<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>B3log - 平等•自由•奔放的开源社区。目前 B3log 已经开源了多款产品：Sym、Solo、Pipe、Vditor、Lute、思源笔记等，欢迎大家加入，贡献开源。</title>
    <meta name="robots" content="index,follow,archive">
    <meta name="description"
          content="B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Pipe、Vditor、Lute、思源笔记等，欢迎大家加入，贡献开源。"/>
    <meta name="copyright" content="B3log"/>
    <link rel="canonical" href="https://b3log.org">
    <link rel="apple-touch-icon" href="images/brand/b3log-128.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Window-target" content="_top"/>
    <link rel="icon" type="image/png" href="images/brand/b3log-128.png"/>
    <link rel="shortcut icon" type="image/x-icon" href="images/brand/b3log-128.png"/>
    <link type="text/css" rel="stylesheet" href="js/lib/TimelineJS/timeline.css"/>
    <link type="text/css" rel="stylesheet" href="css/base.css"/>

    <meta property="og:locale" content="zh_CN"/>
    <meta property="og:title" content="B3log - 平等•自由•奔放的开源社区"/>
    <meta property="og:description"
          content="B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Pipe、Vditor、Lute、思源笔记等，欢迎大家加入，贡献开源。"/>
    <meta property="og:image"
          content="images/brand/b3log-128.png"/>
    <meta property="og:url" content="https://b3log.org"/>
    <meta property="og:site_name" content="B3log"/>
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:description"
          content="B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Pipe、Vditor、Lute、思源笔记等，欢迎大家加入，贡献开源。"/>
    <meta name="twitter:title" content="B3log - 平等•自由•奔放的开源社区"/>
    <meta name="twitter:image"
          content="images/brand/b3log-128.png"/>
    <meta name="twitter:url" content="https://b3log.org"/>
    <meta name="twitter:site" content="@b3logos"/>
    <meta name="twitter:creator" content="@b3logos"/>
    <style>
        .tl-timenav .tl-attribution a {
            display: none;
        }

        .tl-timeline p a:hover, .tl-timeline p a:focus {
            color: #4285f4;
        }

        .tl-skinny .tl-media .tl-media-content-container .tl-caption {
            margin-top: 10px;
        }

        .tl-mobile.tl-skinny .tl-media .tl-media-image {
            max-height: 200px !important;
        }

        .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {
            float: left;
        }

        .tl-skinny .tl-text {
            margin-top: 0;
        }

        #timelineRender {
            margin-top: 66px;
            height: 100vh;
        }

        #dynamic {
            min-height: 279px;
            background: url(images/ajax-loader.gif) no-repeat scroll center center #fff;
        }
    </style>
</head>
<body>
<div class="header fn-clear header-fixed">
    <a class="header-logo" href="https://b3log.org">
        <img src="images/brand/b3log-128.png">
        <h1>B3log 开源</h1>
    </a>
    <div class="fn-clear">
        <a class="header-a" href="https://ld246.com" target="_blank">社区</a>
        <a class="header-a header-red" href="https://b3log.org/sym">Sym</a>
        <a class="header-a header-green" href="https://b3log.org/solo">Solo</a>
        <a class="header-a header-yellow" href="https://b3log.org/vditor">Vditor</a>
        <a class="header-a header-red" href="https://b3log.org/siyuan">思源</a>
    </div>
</div>

<div id="timelineRender"></div>

<div class="wrapper">
    <div class="ft-center">
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <h2 class="fn-title">B3log</h2>
        <div class="fn-50"></div>
        <div class="ft-fade">
            [bi:ˈθriˈlɒg]
        </div>
        <div class="fn-50"></div>
        <h3>平等 • 自由 • 奔放</h3>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
    </div>
    <div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex fn-flex-reverse">
            <div class="panel-content">
                <h2><a href="https://b3log.org/sym">Symphony</a></h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>🎶 一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）平台</li>
                    <li>实现了面向内容讨论的论坛</li>
                    <li>实现了面向知识问答的社区</li>
                    <li> 包含了面向用户分享、交友、游戏的社交网络</li>
                    <li>100% 开源</li>
                    <li>
                        <a target="_blank" href="https://ld246.com">体验</a>
                        /
                        <a target="_blank" href="https://github.com/88250/symphony">源码</a>
                        /
                        <a href="https://b3log.org/sym">官网</a>
                    </li>
                </ul>
            </div>
            <div class="panel-split"></div>
            <div class="panel-abstract">
                <img src="images/brand/sym-128.png">
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex">
            <div class="panel-abstract">
                <img src="images/brand/solo-128.png">
            </div>
            <div class="panel-split"></div>
            <div class="panel-content">
                <h2><a href="https://b3log.org/solo">Solo</a></h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>🎸 一款小而美的博客系统，专为程序员设计</li>
                    <li>Solo 有着非常活跃的<a target="_blank" href="https://ld246.com/tag/solo">社区</a>，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动
                    </li>
                    <li>100% 开源</li>
                    <li>
                        <a target="_blank" href="https://b3log.org/solo/#themes">主题</a>
                        /
                        <a target="_blank" href="https://github.com/88250/solo">源码</a>
                        /
                        <a href="https://b3log.org/solo">官网</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex">
            <div class="panel-content">
                <h2><a href="https://b3log.org/vditor">Vditor</a></h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>♏ 一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式</li>
                    <li>
                        使用 TypeScript 实现，支持原生 JavaScript 以及 Vue、React、Angular 和 Svelte 等框架
                    </li>
                    <li>
                        支持大纲、数学公式、脑图、图表、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点、代码高亮及复制、graphviz 渲染
                    </li>
                    <li>
                        <a target="_blank" href="https://ld246.com/guide/markdown">体验</a>
                        /
                        <a target="_blank" href="https://github.com/vanessa219/vditor">源码</a>
                        /
                        <a href="https://b3log.org/vditor">官网</a>
                    </li>
                </ul>
            </div>
            <div class="panel-split"></div>
            <div class="panel-abstract">
                <img src="images/brand/vditor-128.png">
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex">
            <div class="panel-abstract">
                <img src="images/brand/siyuan-128.png">
            </div>
            <div class="panel-split"></div>
            <div class="panel-content">
                <h2><a href="https://b3log.org/siyuan">思源笔记</a></h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>📕 本地优先的个人知识管理系统</li>
                    <li>所见所得</li>
                    <li>双链块引</li>
                    <li>加密同步</li>
                    <li>本地优先</li>
                    <li>
                        <a target="_blank" href="https://github.com/siyuan-note/siyuan">源码</a>
                        /
                        <a target="_blank" href="https://b3log.org/siyuan">官网</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex fn-flex-reverse">
            <div class="panel-content">
                <h2>Pipe</h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>🎷 一款小而美的博客平台，专为程序员设计</li>
                    <li>
                        Pipe 有着非常活跃的<a target="_blank" href="https://ld246.com/tag/pipe">社区</a>，文章自动推送到社区后可以让很多人看到，产生丰富的交流互动
                    </li>
                    <li>100% 开源</li>
                    <li>
                        <a target="_blank" href="http://pipe.b3log.org/">体验</a>
                        /
                        <a target="_blank" href="https://github.com/88250/pipe">源码</a>
                    </li>
                </ul>
            </div>
            <div class="panel-split"></div>
            <div class="panel-abstract">
                <img src="images/brand/pipe-128.png">
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex">
            <div class="panel-abstract">
                <img src="images/brand/wide-128.png">
            </div>
            <div class="panel-split"></div>
            <div class="panel-content">
                <h2>Wide</h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>🌈 一款基于 Web 的 Go 语言 IDE，随时随地玩 golang</li>
                    <li>
                        只需要浏览器就能进行开发、运行
                    </li>
                    <li>
                        极客体验
                    </li>
                    <li>100% 开源</li>
                    <li>
                        <a target="_blank" href="https://wide.b3log.org/">体验</a>
                        /
                        <a target="_blank" href="https://github.com/88250/wide">源码</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="fn-100"></div>
        <div class="fn-100"></div>
        <div class="panel-wrap fn-flex fn-flex-reverse">
            <div class="panel-content">
                <h2>Latke</h2>
                <div class="fn-50"></div>
                <ul class="fn-list">
                    <li>🌀 一款以 JSON 为主的 Java Web 框架</li>
                    <li>
                        ['lɑ:tkə，土豆饼] 是一个简单易用的 Java Web 应用开发框架，包含 MVC、IoC、事件通知、ORM、插件等组件
                    </li>
                    <li>
                        在实体模型上使用 JSON 贯穿前后端，使应用开发更加快捷
                    </li>
                    <li>100% 开源</li>
                    <li>
                        <a target="_blank" href="https://ld246.com/article/1403847528022">动机</a>
                        /
                        <a target="_blank" href="https://github.com/88250/latke">源码</a>
                    </li>
                </ul>
            </div>
            <div class="panel-split"></div>
            <div class="panel-abstract">
                <img src="images/brand/latke-128.png">
            </div>
        </div>
    </div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <div class="fn-100"></div>
        <div class="fn-clear">
            <h2 class="fn-left">社区热议</h2>
            <a style="line-height: 36px" class="fn-right" href="https://ld246.com/recent" target="_blank">更多</a>
        </div>
        <div class="fn-50"></div>
        <div id="dynamic">
        </div>
        <div class="fn-100"></div>
    </div>
    <div class="fn-100"></div>
    <div class="fn-clear">
        <a class="contact-item" href="https://github.com/88250" target="_blank">
            <svg viewBox="0 0 32 32" width="100%" height="100%">
                <path d="M16 0.331c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
            </svg>
            GitHub <br>
            开源产品
        </a>
        <a class="contact-item contact-item--black" href="https://ld246.com" target="_blank">
            <svg viewBox="0 0 32 32" width="100%" height="100%">
                <path fill="#d23f31" style="fill: var(--color1, #d23f31)"
                      d="M5.787 17.226h17.033l5.954 9.528c0.47 0.752 0.003 1.361-1.042 1.361h-15.141z"></path>
                <path d="M10.74 3.927h17.033c1.045 0 1.512 0.609 1.042 1.361l-5.954 9.528h-19.872l6.379-10.209c0.235-0.376 0.849-0.681 1.372-0.681z"></path>
                <path d="M2.953 17.226h2.839l6.804 10.889h-1.892c-0.523 0-1.137-0.305-1.372-0.681z"></path>
            </svg>
            链滴 <br>
            社区提问
        </a>
        <a class="contact-item contact-item--red"
           target="_blank"
           href="https://weibo.com/b3log">
            <svg viewBox="0 0 32 32">
                <path d="M13.242 27.106c-5.22 0.517-9.727-1.847-10.065-5.27-0.339-3.429 3.62-6.618 8.834-7.135 5.22-0.517 9.727 1.847 10.059 5.27 0.345 3.429-3.614 6.624-8.828 7.135zM23.677 15.735c-0.443-0.135-0.751-0.222-0.517-0.806 0.505-1.268 0.554-2.358 0.006-3.14-1.022-1.459-3.823-1.385-7.030-0.037 0 0-1.010 0.437-0.751-0.357 0.492-1.588 0.419-2.912-0.351-3.681-1.742-1.742-6.372 0.068-10.342 4.038-2.967 2.961-4.691 6.119-4.691 8.846 0 5.208 6.686 8.379 13.224 8.379 8.569 0 14.276-4.98 14.276-8.933 0-2.395-2.013-3.749-3.823-4.309z"></path>
                <path d="M29.371 6.193c-2.069-2.296-5.122-3.17-7.942-2.573v0c-0.653 0.142-1.065 0.782-0.923 1.428 0.142 0.653 0.776 1.065 1.428 0.923 2.007-0.425 4.174 0.197 5.645 1.828s1.872 3.854 1.237 5.799v0c-0.203 0.634 0.142 1.311 0.776 1.521 0.634 0.203 1.311-0.142 1.521-0.776v-0.006c0.887-2.721 0.326-5.848-1.742-8.145z"></path>
                <path d="M26.189 9.068c-1.010-1.12-2.499-1.545-3.866-1.25-0.56 0.117-0.917 0.677-0.8 1.237 0.123 0.56 0.677 0.917 1.231 0.794v0c0.671-0.142 1.397 0.068 1.89 0.609 0.492 0.548 0.628 1.293 0.412 1.945v0c-0.172 0.542 0.123 1.133 0.671 1.311 0.548 0.172 1.133-0.123 1.311-0.671 0.431-1.336 0.16-2.863-0.85-3.977z"></path>
                <path d="M13.531 20.907c-0.185 0.314-0.585 0.462-0.899 0.332-0.314-0.123-0.406-0.48-0.228-0.782 0.185-0.302 0.573-0.449 0.88-0.332 0.308 0.111 0.419 0.462 0.246 0.782zM11.863 23.037c-0.505 0.806-1.588 1.157-2.401 0.788-0.8-0.363-1.040-1.299-0.536-2.087 0.499-0.782 1.545-1.133 2.352-0.794 0.819 0.351 1.084 1.28 0.585 2.093zM13.759 17.336c-2.481-0.646-5.288 0.591-6.366 2.776-1.102 2.229-0.037 4.709 2.469 5.522 2.598 0.837 5.664-0.449 6.729-2.85 1.053-2.358-0.259-4.777-2.832-5.448z"></path>
            </svg>
            微博 <br>
            关注 B3log 开源
        </a>
    </div>
</div>
<div class="fn-100"></div>
<div class="fn-100"></div>
<!-- end main -->

<div class="footer">
    <div class="wrapper fn-clear">
        <a href="https://b3log.org">首页</a> &nbsp; &nbsp;
        <a href="https://ld246.com" target="_blank">社区</a> &nbsp; &nbsp;
        <a href="https://b3log.org/brand-marking.html">品牌标识</a> &nbsp; &nbsp;
        <a href="https://ld246.com/sponsor" target="_blank">成为赞助者</a>
        <div class="fn-right">
            <a href="https://beian.miit.gov.cn/" target="_blank">滇ICP备14007358号-1</a> &nbsp; &nbsp;
            © 2023 云南链滴科技有限公司
        </div>
    </div>
</div>
<script src="js/lib/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/TimelineJS/timeline-min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/common.js" charset="utf-8"></script>
</body>
</html>
